<html>
<head>
  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta http-equiv="Cache-Control" content="no-store"/>
<meta http-equiv="Pragma" content="no-cache"/>
<meta http-equiv="Expires" content="0"/>
<link rel="stylesheet" type="text/css" href="../styles/html.css" />
<link rel="stylesheet" type="text/css" href="../styles/default.css" />
<script type="text/javascript" src="../scripts/jquery/lib/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="../scripts/jquery/lib/jquery.bgiframe.min.js"></script>
<script type="text/javascript">
<!--
	var context='../';
-->
</script>
  <link rel="stylesheet" type="text/css" href="../scripts/jquery/easyui/themes/default/easyui-custom.css" />
<link rel="stylesheet" type="text/css" href="../scripts/jquery/easyui/themes/icon.css" />
<script type="text/javascript" src="../scripts/jquery/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="../scripts/jquery/easyui/locale/easyui-lang-zh_CN.js"></script>


  
  <link href="../scripts/jquery/showLoading/css/showLoading.css" rel="stylesheet" media="screen" />
  <script type="text/javascript" src="../scripts/appjs/common.js"></script> 
  <script type="text/javascript" src="../scripts/jquery/showLoading/js/jquery.showLoading.js"></script>
  <script type="text/javascript">
  <!--
	  $(document).ready(function(){
			$('#w').window();
			
		});
  
		function goToPayMent(){
			
			if($("#username").val() == "user" && $("#password").val() == "user" && $("#role").val() == "user")
				window.location.href = "user-home.html"; 
			else if($("#username").val() == "admin" && $("#password").val() == "admin" && $("#role").val() == "admin")
				window.location.href = "admin-home.html"; 
			else
				$.messager.alert('Warn','Invalid username or password.'); 
		}
		
		function goToRegister(){
			window.location.href = "register.html"; 
		}
  
	-->
	  </script>
	  </head>
<body style="height:100%;width:100%;overflow:hidden;border:none;" >
	<div id="w" title="Login to Carpark Controll System" style="width:360px;height:217px;padding:5px;background: #fafafa;">
		<div class="layout-container" fit="true">
			<div region="center" border="false" style="padding:10px;background:#fff;border:1px solid #ccc;">
				
			
			<form style="padding:10px 20px 10px 40px;">
				Name: <input type="text" value="user" id="username"><br/><br/>
				Pass: &nbsp;&nbsp;<input type="password" id="password" value="user"><br/><br/>
				Role: &nbsp;&nbsp;
                <select id="role">
				  <option value="admin">Admin</option>
				  <option value="user" selected>User</option>
				</select>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;user:user/admin:admin
			</form>
			</div>
			<div region="south" border="false" style="text-align:right;height:30px;line-height:30px;">
				<a href="#" class="easyui-linkbutton" iconCls="icon-edit" onclick="javascript:goToRegister();">Register</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				<a href="#" class="easyui-linkbutton" iconCls="icon-ok" onclick="javascript:goToPayMent();">Submit</a>
	   			<a href="#" class="easyui-linkbutton" iconCls="icon-cancel" onclick="javascript:$('#leave').form('clear')">Reset</a>
			</div>
		</div>
	</div>
    

</body>
</html>